<template>
  <div class="w-full lg:w-3/12 ma-content-block rounded-sm ml-0 lg:ml-3 p-3 mt-3">
    <div class="flex">SaiAdmin 相关</div>
    <div class="block lg:grid lg:grid-cols-2 lg:gap-1 mt-3">
      <a-card class="rounded-sm text-center" :body-style="{ padding: 0 }" :bordered="false">
        <a-button type="outline" class="w-4/5" @click="openPage('https://saithink.top')">官方网站</a-button>
      </a-card>
      <a-card class="rounded-sm text-center mt-2 lg:mt-0" :body-style="{ padding: 0 }" :bordered="false">
        <a-button type="outline" class="w-4/5" @click="openPage('https://saithink.top/pages/b0a8ec/')">开发文档</a-button>
      </a-card>
      <a-card class="rounded-sm text-center mt-2" :body-style="{ padding: 0 }" :bordered="false">
        <a-button type="outline" class="w-4/5" @click="openPage('https://github.com/saithink/saiadmin')">Github</a-button>
      </a-card>
      <a-card class="rounded-sm text-center mt-2" :body-style="{ padding: 0 }" :bordered="false">
        <a-button type="outline" class="w-4/5" @click="openPage('https://gitee.com/appsai/saiadmin')">Gitee </a-button>
      </a-card>
    </div>
    <div class="w-11/12 mx-auto mt-3">
      <a-tag class="ml-0.5">SaiAdmin v{{ config.version }} release</a-tag>
    </div>
  </div>
</template>

<script setup>
import config from '@/../package.json'

const openPage = (url = '') => {
  window.open(url)
}
</script>
